草庐IT

CSS 响应中心 Div

全部标签

javascript - 检测窗口中呈现的 div 以实现类似 Google 阅读器的自动标记为已读?

当使用Google阅读器并在“展开”View中浏览RSS条目时,一旦一定比例的div在屏幕上可见,条目将自动标记为“已读”(很难说出必须在谷歌阅读器的情况)。因此,当我逐行向下滚动时,javascript代码可以确定a)条目正在可见窗口中呈现和b)一定数量是可见的,当满足这些条件时,状态切换为读取.有人知道该功能是如何实现的吗?具体来说,这里有人知道如何判断div是否已滚动到View中以及有多少div可见吗?顺便说一句,我正在使用jQuery,所以如果有人有任何特定于jQuery的示例,他们将不胜感激。 最佳答案 真正的诀窍是跟踪滚

javascript - Gulp.js - 在连接时重写嵌入在 css 中的 url

我正在使用Gulp连接来自不同目录的多个css文件(Bower管理的依赖项)。Font-awesome是这些依赖项之一,它包含对其字体的相对引用url(../font....)。当css文件被串联并放在不同的目录中时,这个相对url显然是错误的。是否有处理此问题的最佳做法? 最佳答案 你可以使用gulp-replace。https://npmjs.org/package/gulp-replace**gulp-replacecanbecalledwithastringorregex.***replace(string,replacem

javascript - 在实际位置/状态上中断/停止 CSS3 转换

我正在编写一个jQuery插件,通过CSS3Transitions为元素设置动画。在jQuery中有.stop()中断所选元素上的当前动画。知道如何停止正在运行的CSS3动画吗?有没有一种本地方法来处理这个问题,还是我必须测量动画,并将动画元素的样式设置为当前位置、颜色大小或其他?这是jQuery插件的当前状态:http://jsfiddle.net/meo/r4Ppw/我尝试将“-webkit-transition-duration”设置为0/none/false。但它不会停止动画。 最佳答案 无需深入了解您的插件,您可以重新使用

asp.net - 移动设备 Javascript/CSS 支持。外面有什么?

我即将开始一个针对iPhone、黑莓和WindowsMobile浏览器的ASP.NET应用程序。除了iPhone,我找不到太多关于这些平台支持哪些技术的信息。因为我习惯于为桌面浏览器开发,所以我喜欢使用jQuery和高级CSS功能等东西。看来我将无法在移动平台上使用这些东西。我想知道是否有人知道优秀的开发人员资源,我可以在其中找到适用于移动浏览器的资源(例如适用于移动设备的quirksmode.org)。据我所知,jQuery不适用于移动浏览器(iPhone除外)。有谁知道以某种形式将jQuery移植到移动浏览器的尝试吗?我说jQuery是因为这是我现有网站使用的,我想保持一致性,但如

javascript - 带有 Javascript 回退的 CSS3 过渡

是否有一个javascript框架可以使用CSS3Transitions来实现更改不透明度或移动元素等效果,但如果不支持,则会回退到使用javascriptsetInterval/setTimeout? 最佳答案 查看YUI3Transition模块,它就是这样做的。 关于javascript-带有Javascript回退的CSS3过渡,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/question

javascript - Stylus (CSS) 的客户端使用

新人来了。我一直在寻找一个很好的解决方案来使用Stylus(编译的CSS)客户端。现在,我知道了关于不使用编译CSS客户端的提示,因为:如果不使用JS,它就会中断。在实时客户端环境中编译需要额外的时间。它需要在每个客户端重新编译,这不是绿色的。但是,我的环境是为Chrome和Opera制作的扩展程序。它在JS环境中工作并且它离线工作,所以1、2或3都不适用。我在这里真正寻找的只是一种更有效地编写CSS的方法,同时减少麻烦、增加变量、嵌套和混合。我已经尝试过Less,这是目前在客户端运行良好的Less、Sass和Stylus三重奏中唯一的一个。那么,有人知道Stylus的好的解决方案吗?

javascript - 检测 CSS 文本溢出 : ellipsis in Firefox

我正在尝试(通过javascript)检测文本溢出何时生效。经过大量研究,我有一个可行的解决方案,但在任何版本的Firefox中除外:http://jsfiddle.net/tonydew/mjnvk/如果您调整浏览器以便应用省略号,Chrome、Safari、甚至IE8+都会提醒省略号处于事件状态。在Firefox中(我尝试过的每个版本,包括17和18)就没有那么多了。Firefox会始终告诉您省略号未激活。console.log()输出显示原因:Firefox(OSX):116/115-false347/346-falseChrome(OSX):116/115-false347/8

javascript - 如何获得 CSS 旋转元素的实际(非原始)高度

我需要获得几个不同元素的实际高度(为了精确的自定义工具提示定位),并且其中一些元素(不是全部)被旋转了。$(elem).outerHeight()返回原始高度,而不是实际显示的高度。这是一个非常简单的例子:http://jsfiddle.net/NPC42/nhJHE/我在这个答案中看到了一个可能的解决方案:https://stackoverflow.com/a/8446228/253974,但我仍然希望有更简单的方法。 最佳答案 利用我的高中几何知识和强大的图形技能,我将这张图放在一起。如果您在javascript中有变量widt

javascript - Firefox 控制台在 HTTP 204 响应中抛出 "no element found"

一切正常,但我无法在firefox控制台中消除此错误:noelementfound我正在向我的api发送HTTP请求:$http({url:API_LOCATION+'expenses/'+obj.expense.id+'/',method:"DELETE",}).then(function(response){if(response.status===204){varparams=$location.search();params['alert-success']=ALERTS.EXPENSE_DELETED;$location.search(params);}$route.relo

javascript - Ajax 请求/响应 : how to make them lightning fast?

我发现一个网站的功能与GoogleSuggest非常相似。当您在搜索框中输入2个字符时(例如,如果您正在搜索“canon”产品,则输入“ca”),它会发出4个Ajax请求。每个请求似乎都在不到125毫秒的时间内完成。我偶然观察到GoogleSuggest需要500毫秒或更长时间。无论哪种情况,这两个站点都很快。为了获得超快的请求/响应,应该遵循哪些一般概念/策略?谢谢。编辑1:顺便说一下,我计划为电子商务站点搜索实现自动完成功能,它1.)根据输入的内容提供搜索建议,以及2.)潜在产品匹配列表到目前为止输入了什么。我正在尝试类似于SLISystems搜索的东西(例如参见http://ww